<!doctype html>
<html lang="zxx">

<head>
    <title>E-commerce Landing Page for GSSOC'21 as Participant</title>
    <meta charset="utf-8" />
    <meta name="author" content="ThemeSurf">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="icon" href="images/favicon.png" type="image/png" sizes="16x16">
    <!---------------------------Bootstrap CDN Links-------------------------->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" integrity="sha512-c42qTSw/wPZ3/5LBzD+Bw5f7bSF2oxou6wEb+I/lqeaKV5FDIfMvvRp772y4jcJLKuGUOpbJMdg/BTl50fJYAw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.carousel.min.js" integrity="sha512-9CWGXFSJ+/X0LWzSRCZFsOPhSfm6jbnL+Mpqo0o8Ke2SYr8rCTqb4/wGm+9n13HtDE1NQpAEOrMecDZw4FXQGg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.carousel.js" integrity="sha512-IUpSKpPKlXuPokiYONEZUG/H4c1rw4VmbGdnBKB18qm/9jbnxQ4Rv5Da9qEmB3hIa3k4DxRNoZfB6FTpERnuOQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <link rel="stylesheet" href="./assets/css/vendor/owl.theme.default.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <!----------------------------Custom CSS---------------------------------------->
    <link rel="stylesheet" href="../assets/css/Landing_page CSS/Bootstrap_files/owl.carousel.min.css">
    <link rel="stylesheet" href="../assets/css/Landing_page CSS/Bootstrap_files/owl.theme.default.min.css">
    <link rel="stylesheet" href="../assets/css/Landing_page CSS/style.css">
    <link rel="stylesheet" href="../assets/css/Landing_page CSS/Bootstrap_files/style.css">
    <link rel="stylesheet" href="../assets/css/Landing_page CSS/Bootstrap_files/responsive.css">

</head>

<body data-spy="scroll" data-target="#navbar" data-offset="105">

    <!-- header section -->
    <header class="section header-sec header-s3 light-overlay is-sticky has-bg-image">
        <div class="imagebg">
            <img src="images/" alt="">
        </div>
        <!-- Navbar -->
        <div id="navbar" class="main-navbar navbar navbar-expand-lg">
            <div class="container">
                <!-- logo -->
                <a class="navbar-brand" href="./">
                    <img class="logo logo-light" alt="logo" src="../assets/Images/Landing Page Images/BuyingHub.png" srcset="../assets/Images/Landing Page Images/BuyingHub.png">
                    <img class="logo logo-dark" alt="logo" src="../assets/Images/Landing Page Images/BuyingHub.png" srcset="../assets/Images/Landing Page Images/BuyingHub.png">
                </a>
                <!-- End logo -->
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive"
                    aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="fa fa-bars"></span>
                </button>

                <!-- Mainnav -->
                <div class="collapse navbar-collapse" id="navbarResponsive">
                    <ul class="navbar-nav justify-content-end">
                        <li><a class="nav-link scroller" href="#home">Home</a></li>
                        <li><a class="nav-link scroller" href="#about">About</a></li>
                        <li><a class="nav-link scroller" href="#feature">Feature</a></li>
                        <li><a class="nav-link scroller" href="#products">Products</a></li>
                    </ul>
                </div>
                
            </div>
        </div>

        <div class="container">
           
            <div id="home" class="banner">
                <div class="row justify-content-center">
                    <div class="col-sm-7 col-9">
                        <div class="banner-text text-center color-alternet">
                            <h1>Now Get A </br> Fresh approach<span id="typed-strings">
                                    <span> <br> to shopping</span>
                                    <span><br> Find it, love it & </span>
                                    <span> buy it.</span>
                                </span>
                                <span id="typed"></span>
                            </h1>
                            <p class="leading"></p>
                            <a href="https://www.amazon.in/b?node=976392031" target="_blank"
                                class="btn btn-gradient">SEE OUR PRODUCT</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="particles-js"></div>
       
    </header>

  
    <div id="about" class="section section-pad">
        <div class="container">
            <div class="row row-vm">
                <div class="col-lg-5 res-m-bttm res-center">
                    <div class="sec-product">
                        <img src="../assets/Images/Landing Page Images/shoes-img5.png" alt="product1">
                    </div>
                </div><!-- /.col -->
                <div class="col-lg-7 justify-content-start">
                    <h2 class="heading-section"> Adidas Men's Elate M Running Shoe for Mens</h2>
                    <p> <strong>India’s No. 1 Shoes Brand</strong>Adidas AG is a German multinational corporation, founded and 
                        headquartered in Herzogenaurach, Germany, 
                        that designs and manufactures shoes, clothing and accessories.</p>
                    <p></p>
                    <div class="gaps size-md"></div>
                    <div class="list">
                        <div class="row">
                            <div class="col-lg-6 col-sm-6">
                                <div class="d-flex list-item justify-content-start">
                                    <img src="../assets/Images/Landing Page Images/icon-k.png" alt="">
                                    <div class="list-con">
                                        <h5>Sole</h5>
                                        <p>Rubber </p>
                                    </div>
                                </div>
                                <div class="d-flex list-item justify-content-start">
                                    <img src="../assets/Images/Landing Page Images/icon-k.png" alt="">
                                    <div class="list-con">
                                        <h5> Smart Features</h5>
                                        <p>
                                            <ul>
                                                   <li>These are Men Running Shoes</li>
                                                   <li> These are Men Running Shoes</li>  
                                                   
                                            </ul>
                                        </p>
                                    </div>
                                </div>
                            </div><!-- /.col -->
                            <div class="col-lg-6 col-sm-6">
                                <div class="d-flex list-item justify-content-start">
                                    <img src="../assets/Images/Landing Page Images/icon-k.png" alt="">
                                    <div class="list-con">
                                        <h5> Shoe Width</h5>
                                        <p>Fitting is a basic requirement and that is fine. However the 
                                            inside where the foot</p>
                                    </div>
                                </div>
                                <div class="d-flex list-item justify-content-start">
                                    <img src="../assets/Images/Landing Page Images/icon-k.png" alt="">
                                    <div class="list-con">
                                        <h5>Outer Material</h5>
                                        <p>Synthetic</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="gaps size-md"></div>
                    <div class="price-area">
                        <h5>Starting Form <span>106$</span></h5>
                        <a href="https://amzn.to/3vCY4Ru" class="btn btn-gradient" target="_blank">Buy Now</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- section -->
    <div class="header_section">

		<div class="banner_section">
			<div class="container-fluid">
				<section class="slide-wrapper">
					<div class="container-fluid">
						<div id="myCarousel" class="carousel slide" data-ride="carousel">
							<!-- Indicators -->
							<ol class="carousel-indicators">
								<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
								<li data-target="#myCarousel" data-slide-to="1"></li>
								<li data-target="#myCarousel" data-slide-to="2"></li>
								<li data-target="#myCarousel" data-slide-to="3"></li>
							</ol>

							<!-- Wrapper for slides -->
							<div class="carousel-inner">
								<div class="carousel-item active">
									<div class="row">
										<div class="col-sm-2 padding_0">
											<p class="mens_taital">Men Shoes</p>
											<div class="page_no">0/2</div>
											<p class="mens_taital_2">Men Shoes</p>
										</div>
										<div class="col-sm-5">
											<div class="banner_taital">
												<h1 class="banner_text">New Running Shoes </h1>
												<h1 class="mens_text"><strong>Men's Like Plex</strong></h1>
												<p class="lorem_text">ipsum dolor sit amet, consectetur adipiscing elit,
													sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
												</p>
												<button class="buy_bt">Buy Now</button>
												<button class="more_bt">See More</button>
											</div>
										</div>
										<div class="col-sm-5">
											<div class="shoes_img"><img src="../assets/Images/Landing Page Images/running-shoes.png"></div>
										</div>
									</div>
								</div>
								<div class="carousel-item">
									<div class="row">
										<div class="col-sm-2 padding_0">
											<p class="mens_taital">Men Shoes</p>
											<div class="page_no">1/2</div>
											<p class="mens_taital_2">Men Shoes</p>
										</div>
										<div class="col-sm-5">
											<div class="banner_taital">
												<h1 class="banner_text">New Running Shoes </h1>
												<h1 class="mens_text"><strong>Men's Like Plex</strong></h1>
												<p class="lorem_text">ipsum dolor sit amet, consectetur adipiscing elit,
													sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
												</p>
												<button class="buy_bt">Buy Now</button>
												<button class="more_bt">See More</button>
											</div>
										</div>
										<div class="col-sm-5">
											<div class="shoes_img"><img src="../assets/Images/Landing Page Images/shoes-img3.png"></div>
										</div>
									</div>
								</div>
								<div class="carousel-item">
									<div class="row">
										<div class="col-sm-2 padding_0">
											<p class="mens_taital">Men Shoes</p>
											<div class="page_no">1/2</div>
											<p class="mens_taital_2">Men Shoes</p>
										</div>
										<div class="col-sm-5">
											<div class="banner_taital">
												<h1 class="banner_text">New Running Shoes </h1>
												<h1 class="mens_text"><strong>Men's Like Plex</strong></h1>
												<p class="lorem_text">ipsum dolor sit amet, consectetur adipiscing elit,
													sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
												</p>
												<button class="buy_bt">Buy Now</button>
												<button class="more_bt">See More</button>
											</div>
										</div>
										<div class="col-sm-5">
											<div class="shoes_img"><img src="../assets/Images/Landing Page Images/shoes-img2.png"></div>
										</div>
									</div>
								</div>
								<div class="carousel-item">
									<div class="row">
										<div class="col-sm-2 padding_0">
											<p class="mens_taital">Men Shoes</p>
											<div class="page_no">0/2</div>
											<p class="mens_taital_2">Men Shoes</p>
										</div>
										<div class="col-sm-5">
											<div class="banner_taital">
												<h1 class="banner_text">New Running Shoes </h1>
												<h1 class="mens_text"><strong>Men's Like Plex</strong></h1>
												<p class="lorem_text">ipsum dolor sit amet, consectetur adipiscing elit,
													sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
												</p>
												<button class="buy_bt">Buy Now</button>
												<button class="more_bt">See More</button>
											</div>
										</div>
										<div class="col-sm-5">
											<div class="shoes_img"><img src="../assets/Images/Landing Page Images/shoes-img1.png"></div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</section>
			</div>
		</div>
	</div>
	<!-- header section end -->

	<div class="layout_padding collection_section m-3">
		<div class="container">
			<h1 class="new_text"><strong>New Collection</strong></h1>
			<p class="consectetur_text">consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
				dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation</p>
			<div class="collection_section_2">
				<div class="row">
					<div class="col-md-6">
						<div class="about-img">
							<button class="new_bt">New</button>
							<div class="shoes-img"><img src="../assets/Images/Landing Page Images/shoes-img1.png"></div>
							<p class="sport_text">Men Sports</p>
							<div class="dolar_text">$<strong style="color: #f12a47;">90</strong> </div>
							<div class="star_icon">
								<ul>
									<li><a href="#"><img src="../assets/Images/Landing Page Images/star-icon.png"></a></li>
									<li><a href="#"><img src="../assets/Images/Landing Page Images/star-icon.png"></a></li>
									<li><a href="#"><img src="../assets/Images/Landing Page Images/star-icon.png"></a></li>
									<li><a href="#"><img src="../assets/Images/Landing Page Images/star-icon.png"></a></li>
									
								</ul>
							</div>
						</div>
						<button class="seemore_bt">See More</button>
					</div>
					<div class="col-md-6">
						<div class="about-img2">
							<div class="shoes-img2"><img src="../assets/Images/Landing Page Images/shoes-img2.png"></div>
							<p class="sport_text">Men Sports</p>
							<div class="dolar_text">$<strong style="color: #f12a47;">90</strong> </div>
							<div class="star_icon">
								<ul>
									<li><a href="#"><img src="../assets/Images/Landing Page Images/star-icon.png"></a></li>
									<li><a href="#"><img src="../assets/Images/Landing Page Images/star-icon.png"></a></li>
									<li><a href="#"><img src="../assets/Images/Landing Page Images/star-icon.png"></a></li>
									<li><a href="#"><img src="../assets/Images/Landing Page Images/star-icon.png"></a></li>
									
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
    <!-- End section -->

    <!-- Feature section -->
    <div id="feature" class="section section-pad feature-headphone">
        <div class="container">
            <div class="row justify-content-end">
                <div class="col-lg-7">
                    <h2 class="heading-section">High quality audio <br> and comfortable Earphone</h2>
                    <p> Now looking for a good pair of Bluetooth Earphones to go wireless? Well look no further.
                        You may wonder where we put it, but it is all there The new Rockerz 255 are equipped with the
                        latest
                        Bluetooth 4.1-CSR8635 chipset and 10mm drivers. </p>
                    <p>Together they ensure crystal clear wireless transmission in true HD sound. <br>
                        With its 6 hours play time, you're sure to spend a quarter of your day with these earphones.
                    </p>
                    <div class="gaps size-md"></div>
                    <h2 class="heading-md">Features of this headphone</h2>
                    <div class="list">
                        <div class="row">
                            <div class="col-lg-6 col-sm-6">
                                <div class="d-flex list-item justify-content-start">
                                    <div class="icon-dot"></div>
                                    <div class="list-con">
                                        <h5>High Quality Audio</h5>
                                        <p>Noise cancelling clarity with the noise cancelling microphone, your voiceis
                                            easily understood without the need to shout</p>
                                    </div>
                                </div>
                                <div class="d-flex list-item justify-content-start">
                                    <div class="icon-dot"></div>
                                    <div class="list-con">
                                        <h5>USB charging</h5>
                                        <p>Rockerz 255 Pro offers a playback time of up to 10 hours and gets charged to
                                            100% in 1 hour</p>
                                    </div>
                                </div>
                            </div><!-- /.col -->
                            <div class="col-lg-6 col-sm-6">
                                <div class="d-flex list-item justify-content-start">
                                    <div class="icon-dot"></div>
                                    <div class="list-con">
                                        <h5>Bluetooth and Wireless</h5>
                                        <p> It has Bluetooth v5.0 with a range of 10m and is compatible with Android &
                                            iOS</p>
                                    </div>
                                </div>
                                <div class="d-flex list-item justify-content-start">
                                    <div class="icon-dot"></div>
                                    <div class="list-con">
                                        <h5>Minimal Design</h5>
                                        <p>Sports friendly design with Easy Controls <br> Instant Voice Assistant</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="gaps"></div>
                    <div class="price-area">
                        <a href="https://amzn.to/2QRj7k5" class="btn btn-gradient" target="_blank">Buy Now</a>
                    </div>
                </div>
                <div class="col-lg-5 res-m-bttm order-first order-lg-last res-center">
                    <div class="sec-product feature-headphone-img">
                        <img src="https://images-na.ssl-images-amazon.com/images/I/71Cip3VpnAL._AC_SL1500_.jpg"
                            alt="product3">
                    </div>
                </div>
            </div>
        </div>
    </div>


    <div id="products" class="section section-pad">
        <div class="container">
            <div class="row justify-content-end">
                <div class="col-lg-7 res-m-bttm">
                    <div class="main-content">
                        <h2 class="heading-section">Portable power bank <br> for mobile & Smart watch</h2>
                        <p>Get high-quality audio with distinct vocals, deep bass and Lorem Ipsum is simply dummy text
                            of the printing and typesetting industry. Lorem Ipsum has been the industry's standard
                            dummy.</p>
                        <div class="gaps size-md"></div>
                        <div class="list">
                            <div class="row">
                                <div class="col-lg-6 col-sm-6">
                                    <div class="d-flex list-item justify-content-start">
                                        <img src="../assets/Images/Landing Page Images/icon-k.png" alt="">
                                        <div class="list-con">
                                            <h5>Dual USB Port</h5>
                                            <p>Powers up to 2 smartphones or tablets at once </p>
                                        </div>
                                    </div>
                                    <div class="d-flex list-item justify-content-start">
                                        <img src="../assets/Images/Landing Page Images/icon-k.png" alt="">
                                        <div class="list-con">
                                            <h5>High Voltage Battery </h5>
                                            <p>Massive 40750mAh of Power for long time charging </p>
                                        </div>
                                    </div>
                                </div><!-- /.col -->
                                <div class="col-lg-6 col-sm-6">
                                    <div class="d-flex list-item justify-content-start">
                                        <img src="../assets/Images/Landing Page Images/icon-k.png" alt="">
                                        <div class="list-con">
                                            <h5>Fast Charging</h5>
                                            <p>Fully charging the battery bank takes only 3-4 hours</p>
                                        </div>
                                    </div>
                                    <div class="d-flex list-item justify-content-start">
                                        <img src="../assets/Images/Landing Page Images/icon-k.png" alt="">
                                        <div class="list-con">
                                            <h5>Small & Easy Carry-able</h5>
                                            <p>you can carry is easily any where you want </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="gaps size-md"></div>
                        <p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of
                            classical Latin literature from 45 BC, making it ove.</p>
                        <div class="gaps size-lg"></div>
                        <div class="price-area">
                            <h5>Starting Form <span> 1,099 Rs</span></h5>
                            <a href="https://amzn.to/2RXtqnb" class="btn btn-gradient">Buy Now</a>
                        </div>
                    </div><!-- /.main-content -->
                </div><!-- /.col -->
                <div class="col-lg-5 order-first order-lg-last res-m-bttm res-center ">
                    <div class="sec-product feature-list-img">
                        <img src="../assets/Images/Landing Page Images/product3.png" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>

 <!--Mother Product Section-->

    <div id="products" class="section section-pad product-sec">
        <div class="container">

            <div class="row justify-content-center">
                <div class="col-md-10">
                    <div class="comm-head">
                        <h1 class="heading-section text-center">Awesome Products That You Never Seen</h1>
                        <p style="line-height: 30px;">We celebrate this day as a new beginning of our lives. We take a resolution to do new things or drop some bad habits on this day. <br> 
                             Make fun with friends and do parties and gives happy new year gift to friends, family, mother, father, teacher and whoever do you want to send new year wishes. <br> We present your newly designed new year gift items with amazing customization engraved photo frame for new year gift ideas. 
                            Your uploaded photo will look beautiful after laser engraving on it.</p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-4 col-md-8 offset-lg-0 offset-md-2">
                    <div class="single-product res-m-bttm text-center round">
                        <div class="product-img">
                            <img src="../assets/Images/Landing Page Images/M-Product.png" alt="Home-Decor">
                        </div>
                        <h4>Lenovo Ideapad Intel Core i5</h4>
                        <h3>680$</h3>
                        <a href="https://amzn.to/3fPMyM2" target="_blank" class="btn btn-outline">shop now </a>
                    </div>
                </div>
                <div class="col-lg-4 col-md-8 offset-lg-0 offset-md-2">
                    <div class="single-product res-m-bttm text-center round active">
                        <div class="product-img">
                            <img src="../assets/Images/Landing Page Images/M-product-2.png" alt="">
                        </div>
                        <h4>Gamming Laptop</h4>
                        <h3>1186$</h3>
                        <a href="https://amzn.to/2Stpue4" target="_blank" class="btn btn-outline">shop now </a>
                    </div>
                </div>
               
                <div class="col-lg-4 col-md-8 offset-lg-0 offset-md-2">
                    <div class="single-product res-m-bttm text-center round">
                        <div class="product-img">
                            <img src="../assets/Images/Landing Page Images/M-product4.png" alt="Kitchen">
                        </div>
                        <h4>Gamming Chair</h4>
                        <h3>384$</h3>
                        <a href="https://amzn.to/3fGRW3W" target="_blank" class="btn btn-outline">shop now </a>
                    </div>
                </div>
                <div class="col-lg-4 col-md-8 offset-lg-0 offset-md-2 mt-2">
                    <div class="single-product res-m-bttm text-center round">
                        <div class="product-img">
                            <img src="../assets/Images/Landing Page Images/M-product5.png" alt="TV">
                        </div>
                        <h4>Televisions </h4>
                        <h3>277$</h3>
                        <a href="https://amzn.to/3vc2Gxn" target="_blank" class="btn btn-outline">shop now </a>
                    </div>
                </div>
                <div class="col-lg-4 col-md-8 offset-lg-0 offset-md-2 mt-2">
                    <div class="single-product res-m-bttm text-center round">
                        <div class="product-img">
                            <img src="../assets/Images/Landing Page Images/M-product6.png"  alt="Home-Appliance">
                        </div>
                        <h4>Home Appliances</h4>
                        <h3>412$</h3>
                        <a href="https://amzn.to/3sLkttE" target="_blank" class="btn btn-outline">shop now </a>
                    </div>
                </div>
                <div class="col-lg-4 col-md-8 offset-lg-0 offset-md-2 mt-2">
                    <div class="single-product res-m-bttm text-center round">
                        <div class="product-img">
                            <img src="../assets/Images/Landing Page Images/M-Product3.png"  alt="Furniture">
                        </div>
                        <h4>Gaming Headphones</h4>
                        <h3>27$</h3>
                        <a href="https://amzn.to/3fpn60T" target="_blank" class="btn btn-outline">shop now </a>
                    </div>
                </div>
               
            </div>
        </div>
    </div>
<!----Other Product On Mothers day----->
    <div class="container text-center ">
        <div class="row justify-content-center">
            <div class="col-md-8">
                <div class="comm-head">
                    <h1 class="heading-section text-uppercase"> other gift ideas</h1>
                    <p style="line-height: 30px;">
                        From day trips to special celebrations, if your dad 
                        has been there for you through thick and thin, 
                        then why not gather together some of the most meaningful moments and arrange them into a photo book for him. You can even write something to go with each photo.


                    </p>
                </div>
            </div>
        </div>

        <div class="row Other-Product">
            
            <div class="col-lg-4 col-md-8 offset-lg-0 offset-md-2">
                <div class="card">
                    <a href="https://amzn.to/2QWA7Wv" target="_blank" rel="noopener noreferrer"> 
                        <img src="../assets/Images/Landing Page Images/Book.png" class="card-img-top" alt="product3"> </a> 
                    <div class="card-body">
                     <p class="card-title text-center fs-2"> <strong>Mini Temperature Controller </strong> </p>
                    </div>
                 </div>
            </div>

            <div class="col-lg-4 col-md-8 offset-lg-0 offset-md-2 mt-2 mb-2">
                <div class="card">
                    <a href="https://amzn.to/3axk9Zx" target="_blank" rel="noopener noreferrer"> 
                        <img src="../assets/Images/Landing Page Images/Sports.png" class="card-img-top" alt="product3"> </a> 
                    <div class="card-body">
                     <p class="card-title text-center fs-2"> <strong>SPORTS AND FITNESS</strong> </p>
                    </div>
                 </div>
            </div>

            <div class="col-lg-4 col-md-8 offset-lg-0 offset-md-2">
                <div class="card">
                    <a href="https://amzn.to/34mnhUE" target="_blank" rel="noopener noreferrer"> 
                        <img src="../assets/Images/Landing Page Images/Travel.png" class="card-img-top" alt="product3"> </a> 
                    <div class="card-body">
                     <p class="card-title text-center fs-2"> <strong> Aurdino </strong> </p>
                    </div>
                 </div>
            </div>    
               
        </div>

        <div class="row Other-Product">
            <div class="col-lg-4 col-md-8 offset-lg-0 offset-md-2 mt-2">
                <div class="card">
                    <a href="https://amzn.to/3axk9Zx" target="_blank" rel="noopener noreferrer"> 
                        <img src="../assets/Images/Landing Page Images/photography.png" class="card-img-top" alt="product3"> </a> 
                    <div class="card-body">
                     <p class="card-title text-center fs-2"> <strong>PHOTOGRAPHY</strong> </p>
                    </div>
                 </div>
            </div>

            <div class="col-lg-4 col-md-8 offset-lg-0 offset-md-2 mt-2">
                <div class="card">
                    <a href="https://amzn.to/3bWxuLy" target="_blank" rel="noopener noreferrer"> 
                        <img src="../assets/Images/Landing Page Images/Baking.png" class="card-img-top" alt="product3"> </a> 
                    <div class="card-body">
                     <p class="card-title text-center fs-2"> <strong> CPU </strong> </p>
                    </div>
                 </div>
            </div>

            <div class="col-lg-4 col-md-8 offset-lg-0 offset-md-2 mt-2">
                <div class="card">
                    <a href="https://amzn.to/3vl6Jbj" target="_blank" rel="noopener noreferrer"> 
                        <img src="../assets/Images/Landing Page Images/Gardaning.png" class="card-img-top" alt="product3"> </a> 
                    <div class="card-body">
                     <p class="card-title text-center fs-2"> <strong>Graphics Card</strong> </p>
                    </div>
                 </div>
            </div>    
               
        </div>
        
    </div>


    <!-- Client logo -->
    <div class="section client-logo section-pad-md bg-light text-center">
        <div class="container">
            <div class="comm-head">
                <h6 class="ucap">As seen in</h6>
            </div>
            <div class="row justify-content-center">
                <div class="owl-carousel has-carousel loop logo-carousel" data-items="5" data-navs="false"
                    data-loop="true">
                    <div class="logo-item"><img alt="logo" width="100" height="82" src="../assets/Images/Landing Page Images/Shoes.png"></div>
                    <div class="logo-item"><img alt="logo" width="165" height="82" src="../assets/Images/Landing Page Images/Watch.png"></div>
                    <div class="logo-item"><img alt="logo" width="165" height="82" src="../assets/Images/Landing Page Images/Travel.png"></div>
                    <div class="logo-item"><img alt="logo" width="165" height="82" src="../assets/Images/Landing Page Images/M-product6.png"></div>
                    <div class="logo-item"><img alt="logo" width="165" height="82" src="../assets/Images/Landing Page Images/photography.png"></div>
                </div><!-- /.logo-carousel end -->
            </div><!-- /.row -->
        </div><!-- /.container -->
    </div>
    <!-- End Section -->

    <!-- Footer -->
    <div class="section footer-sec">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-md-6 text-center">
                    <!-- <div class="footer-logo">
                        <a href="./">
                            <img src="images/BuyingHub.png" alt="logo">
                        </a>
                    </div> -->
                    <ul class="footer-social">
                        <li><a href="#" class="icon-box circle"><em class="fa fa-facebook" aria-hidden="true"></em></a>
                        </li>
                        <li><a href="#" class="icon-box circle"><em class="fa fa-twitter" aria-hidden="true"></em></a>
                        </li>
                        <li><a href="#" class="icon-box circle"><em class="fa fa-google-plus"
                                    aria-hidden="true"></em></a></li>
                        <li><a href="#" class="icon-box circle"><em class="fa fa-pinterest-p"
                                    aria-hidden="true"></em></a></li>
                        <li><a href="#" class="icon-box circle"><em class="fa fa-youtube" aria-hidden="true"></em></a>
                        </li>
                    </ul><!-- /.footer-social -->
                    <p>Copyright &copy; 2021 <a href="#" class="c-p">BuyingHub </a> </p>
                </div><!-- /.col -->
            </div><!-- /.col -->
        </div><!-- /.container -->
    </div><!-- /.footer-sec -->

    <!-- Preloader !remove please if you do not want -->
    <div id="preloader">
        <div id="loader"></div>
    </div>
    <!-- Preloader End -->

    <!-- JavaScript Bundle -->
    <script src="../assets/js/Landing_page Js/jquery.bundle.js"></script>
<!-- Script init() -->
    <script src="../assets/js/Landing_page Js/script.js"></script>
    <script src="../assets/js/Landing_page Js/Shoes.js.js"></script>
    <!-- End script -->
    <script src="https:cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.js"></script>
    <p>Develop By <a href="https://www.linkedin.com/in/vishal-kumar-6a741b192/" class="c-p">Vishal_kumar </a> </p>	
</body>

</html>